<template>
	<!-- 店铺认证 -->
	<view class="">
		<cu-custom :bgcolor="'#fff'" />
		<view class="step-box p-2">
			<step :active="active" />
		</view>
		<view class="p-2 d-flex flex-column a-center mt-3">
			<view class="rounded-circle main-bg-color d-flex a-center j-center" style="width: 200rpx; height: 200rpx;">
				<view class="iconfont icon-duihao text-white font-big">
				</view>
			</view>
			<view class="d-flex a-center j-center mt-2">
				<text>审核中...,</text>
				<text class="main-text-color ml-1" @click="next">前去上架商品</text>
			</view>
		</view>
	</view>
</template>

<script>
	import step from "@/components/step/index.vue"
	import title from "@/components/common/title.vue"
	import validate from "@/utils/validate.js"
	import cuCustom from '@/components/common/custom.vue'
	export default {
		components: {
			step,
			title,

			cuCustom
		},
		data() {
			return {
				active: 3,
				scorllHeight: 500,
				status:0
			}
		},
		onLoad() {
			uni.getSystemInfo({
				success: (res => {
					this.scorllHeight = res.windowHeight - uni.upx2px(200)
				})
			})
		},
		methods: {
			// 触发提交表单
			next() {
				switch (this.status){
					case 0:
						uni.switchTab({
							url: '/pages/index/index'
						});
						break;
					default:
						break;
				}
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.status-btn {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
		justify-content: center;
		height: 92rpx;
		margin: 30rpx;
		background-color: #007AFF;
	}

	.example-body {
		/* #ifndef APP-NVUE */
		display: block;
		/* #endif */
		padding: 15px;
		flex-direction: row;
	}

	.step-box {
		background: #F8F8F8;
	}
</style>